<template>
  <div style="text-align:center; height: 500px;">
    <div id="login_div">
      <el-image :src="img_src"/>
      <el-input v-model="username" placeholder="请输入账号"></el-input>
      <el-input v-model="password" placeholder="请输入密码"></el-input>
      <el-button type="primary" onclick="btn_click()">登陆</el-button>
    </div>
  </div>

</template>

<script>
  import logo from "@/assets/logo.png"

  export default {
    name: "Login",
    data() {
      return {
        img_src: logo,
        username: '',
        password: '',
      }
    },
    methods: {
      btn_click() {

      }
    }
  }
</script>

<style scoped>
  #login_div {
    display: inline-block;
    width: 200px;
    text-align: center;
    position: relative; /*脱离文档流*/
    top: 50%; /*偏移*/
  }
</style>
